<head>
    <link rel="stylesheet" type="text/css" href="style/main.css">
    <script type="text/javascript">
        function sample() {
            //how to get baseURI
            var baseURI = parent.baseURI;
            document.getElementById('baseURI').innerHTML=baseURI;
        }
    </script>
</head>
<body onload="parent.document.getElementById('external').style.height=(document.getElementById('content').offsetHeight)+'px';sample();">
    <div id="content">
        <h1>Welcome to the Linked Media Framework</h1>
        <p>
            This is a paragraph with a <a>Link!</a>
        </p>
        <h2>Subheading h2</h2>
        <p>
           This is an <span class="important">important thing</span>.
        </p>
        <p class="box">This is a boxed paragraph</p>
        <p>
            Take a look in the code how to get BaseURI ( <span id="baseURI"></span> ) !
        </p>
    </div>
</body>